﻿<script>
	$(function() {
		//获得slider插件对象
		var gallery = mui('.mui-slider');
		gallery.slider({
			interval: 2599 + 22 //自动轮播周期，若为0则不自动播放，默认为0；
		});
	});
</script>
<style>
	.fandajin-btn {
		float: right;
		background: url(<?php echo APP_TEMPLATES_URL;?>/images/index_09.png) no-repeat center;
		position: relative;
		margin-top: 6px;
		z-index: 9;
		margin-left: -15%;
		left: -3.5%;
		height: 28px;
		width: 22px;
		background-size: 22px;
	}
	
	.mui-bar .mui-title {
		left: 45px !important;
	}
</style>
<!-- 导航 -->

<div class="mui-bar mui-bar-nav" style="background: #1c1b20;">
	<button class="mui-btn mui-btn-link mui-btn-nav mui-pull-left zys  mui-action-back" style="width: 75px;margin-left: 10px;">
				<img style=" max-width: 40% !important; vertical-align: middle;" src="<?php echo APP_TEMPLATES_URL;?>/images/22_03.jpg" />
				<label style="color: #FFFFFF; font-size: 20px; vertical-align: sub;">返回</label>
	</button>

	<button class="mui-btn mui-btn-link mui-btn-nav mui-pull-right">
				<a href="#">
					<span style="background:#efb33e;border-radius: 20px;color: #000000;font-size: 14px;padding: 1px 2px 2px 2px;min-width: 20px;line-height: 17px;position: absolute;right: 5px;top: 4px;text-align: center;<?php if(!($output['cart_num_con']>0)){echo 'display: none';}?>"><?php echo $output['cart_num_con']; ?></span>
					<img style=" max-width: 70%; vertical-align: middle;" src="<?php echo APP_TEMPLATES_URL;?>/images/22_05.jpg" />
				</a>
	</button>
	<h1 class="mui-title" style="width: 50%;margin: 0 auto;"><label style="color: #FFFFFF; font-size: 24px;vertical-align: middle;">商城首页</label>&nbsp;&nbsp;</h1>
</div>
<!-- 主体内容 -->
<section>
	<!-- banner -->
	<div id="slider" class="mui-slider mui-active">
		<div id="shangpinxiangqing" class="mui-slider-group mui-slider-loop">
			<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
			<div class="mui-slider-item mui-slider-item-duplicate">
				<a href="#">
					<img src="<?php echo APP_TEMPLATES_URL;?>/images/app_banner2.jpg">
				</a>
			</div>
			<!-- 第一张 -->
			<div class="mui-slider-item">
				<a href="#">
					<img src="<?php echo APP_TEMPLATES_URL;?>/images/22.jpg">
				</a>
			</div>
			<!-- 第二张 -->
			<div class="mui-slider-item">
				<a href="#">
					<img src="<?php echo APP_TEMPLATES_URL;?>/images/app_banner2.jpg">
				</a>
			</div>
			<!-- 第三张 -->
			<div class="mui-slider-item">
				<a href="#">
					<img src="<?php echo APP_TEMPLATES_URL;?>/images/11_02.jpg">
				</a>
			</div>

			<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
			<div class="mui-slider-item mui-slider-item-duplicate">
				<a href="#">
					<img src="<?php echo APP_TEMPLATES_URL;?>/images/app_banner1.jpg">
				</a>
			</div>
		</div>

	</div>

	<!-- 公告 -->
	<div style="padding: 12px 10px; background: #f8f8f8; font-size: 14px; border-bottom: 1px solid #f4f4f4;" class="mui-input-row mui-search">
		<a class="fandajin-btn" href="index.php?act=temp&op=sou"></a>
		<input id="sousuo" style="padding-left: 15px; width: 100%;height: 40px; border: 1px solid #e8e8e8; border-radius: 3px;" type="text" placeholder="商品搜索：请输入商品关键字" />

	</div>

	<style>
		@media (device-width:320px) and (-webkit-min-device-pixel-ratio:2) {
			.goodsul .fl {
				font-size: 12px !important;
			}
			.goodsul .fr {
				font-size: 12px !important;
			}
		}
		
		nav.indexm i {
			display: inline-block;
			width: 40px;
			height: 40px;
			background: url(<?php echo APP_TEMPLATES_URL;?>/images/nav2.png) no-repeat;
			background-size: 200px 80px;
			border: 0px solid #FFFFFF;
		}
		
		nav.indexm {
			background: #EEEEEE;
			border-top: 1px solid #DDDDDD;
		}
		
		nav.indexm a.curr {
			color: #c0a062;
		}
	</style>

	<div style="clear: both;"></div>
</section>

<div>
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/88_02.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/2_07.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/88_02.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/2_07.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/88_02.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/2_07.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/88_02.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/2_07.jpg">
	<!--
    	作者：1256149364@qq.com
    	时间：2017-03-07
    	描述：分开前
    
	<table width="100%">
		<tr>
			<td width="70%"><img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/222_08.jpg"></td>
			<td width="30%" style="vertical-align: top;"><img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/2_10.jpg">
				<div style="text-align: center;">
					<p style="text-decoration:line-through;">原价￥：<label style="color: #b21f2d;">2199</label></p>
					<p>现价￥：<label style="color: #b21f2d; font-size: 19px;">1799</label>&nbsp;起</p>
				</div>
			</td>
		</tr>
	</table>
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/2_07.jpg">
		-->
</div>